<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>CRM</title>
<link rel="stylesheet" href="themes/metro/easyui.css" />
<link rel="stylesheet" href="themes/icon.css" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easyui.min.js"></script>
<script src="js/locale/easyui-lang-zh_CN.js"></script>
</head>
<body class="easyui-layout">
	<div data-options="region:'north'" style="height:80px">
		
		<div style="float: right;margin: 30px;">
			<a href="logout">注销</a>
		</div>
		<h1>CRM</h1>
	</div>
	<div data-options="region:'west'" style="width: 250px;" title="导航" >
		<ul class="easyui-tree">
			<li>获客线索</li>
		</ul>
		
		<ul class="easyui-tree">
			<li>
				<span>客户管理</span>
			</li>
		</ul>
		
		<ul class="easyui-tree">
			<li data-options="state:'closed'">
				<span>售前管理</span>
				<ul>
					<li>跟单</li>
					<li>报价</li>
					<li>
						<span>销售机会</span>
						<ul>
							<li>竞争对手</li>
							<li>解决方案</li>
							<li>客户需求</li>
							<li>机会列表</li>	
						</ul>
					</li>
				</ul>
			</li>
		</ul>
		
		<ul class="easyui-tree">
			<li data-options="state:'closed'">
				<span>售中管理</span>
				<ul>
					<li>订单</li>
					<li>分期付款</li>
					<li>
						<span>订单退货</span>
						<ul>
							<li>退货单</li>
							<li>退货明细</li>
							<li>退款</li>
						</ul>
					</li>
				</ul>
			</li>
		</ul>
		
		<ul class="easyui-tree">
			<li data-options="state:'closed'">
				<span>售后管理</span>
				<ul>
					<li>维修工单</li>
				</ul>
			</li>
		</ul>
		
		<ul class="easyui-tree">
			<li>
				<span>产品管理</span>
			</li>
		</ul>
		
		
		<ul class="easyui-tree">
			<li data-options="state:'closed'">
				<span>权限管理</span>
				<ul>
					<li>员工管理</li>
					<li>角色付款</li>
					<li>资源管理</li>
				</ul>
			</li>
		</ul>
		
	</div>
	
	<div data-options="region:'center',border:false" >
		<div id="tabs" class="easyui-tabs" fit="true">
		    <div title="桌面" style="padding:20px;">
		        	桌面
		    </div>
		</div>
	</div>
	
	<script>
	$(function(){
		//实例化菜单树
		$(".easyui-tree").tree({
			lines:true,
			onSelect:function(node){
			
					if($('#tabs').tabs("exists",node.text)){
						$('#tabs').tabs("select",node.text)
					}else{
						$('#tabs').tabs('add',{
			                title: node.text,
			                href: node.href,
			                closable: true
			            });
					}
				
				
			}
		})
	});
	</script>
</body>
</html>